<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
            box-sizing: border-box;
        }
        body {
            font-weight: 400;
        }
        .header {
            background-color: transparent;
            height: 100px;
            position: fixed;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 999;
            background: #fff;
            display: block;
        }
        .header button, .header input {
            outline: none;
            resize: none;
            border: none;
            background: none;
            color: #333;
        }
        .header .logo {
            float: left;
            width: 15.6%;
            height: 100px;
            background: #fff;
            text-align: center;
        }
        .header .logo a {
            display: inline-block;
            width: 100px;
            height: auto;
            margin-top: 33px;
            text-decoration: none;
            color: #333;
        }
        .header .logo a img {
            width: 100%;
            border: 0;
        }
        .fila-navbar {
            float: right;
            margin-right: 60px;
        }
        .fila-navbar .navbar-search {
            height: 30px;
            line-height: 30px;
            margin-top: 30px;
            margin-right: 25px;
            font-size: 16px;
        }
        .fila-navbar>div, .fila-navbar>ul, .navbar-list>li {
            display: inline-block;
        }
        .navbar-search>input {
            width: 200px;
            border-bottom: 1px solid #000;
            height: 20px;
            line-height: 20px;
            padding: 0 5px;
        }
        .navbar-search>button {
            font-size: 16px;
            font-weight: bold;
        }
        .navbar-list>li {
            font-size: 14px;
            padding: 0 2px;
            height: 30px;
            line-height: 30px;
            margin-left: 8px;
        }
        .fila-navbar a, .fila-navbar a:hover {
            color: #000;
        }
        .header i.icon.icon-cart {
            position: relative;
            top: -2px;
            background-image: url(https://img01.fila.cn/theme_fl/images/icons/common-pc.png);
            background-size: 100% auto;
            background-position: center top;
        }
        .navbar-cart .cart-count {
            color: #000;
            font-weight: bold;
            margin-left: -2px;
            vertical-align: middle;
        }
        .hide {
                display: none!important;
        }
        .footer {
            height: 50px;
            line-height: 50px;
            padding: 0 60px;
            background: #03234c;
            color: #fff;
            font-size: 13px;
            width: 100%;
        }
        .fl {
            float: left;
        }
        .ft-left>ul, .ft-left>div {
            display: inline-block;
            vertical-align: top;
        }
        .link-list li {
            display: inline-block;
            margin-right: 20px;
            line-height: 50px;
        }
        .footer a, .footer a:hover {
            color: #fff;
        }
        .ft-left>ul, .ft-left>div {
            display: inline-block;
            vertical-align: top;
        }
        .ft-left>ul, .ft-left>div {
            display: inline-block;
            vertical-align: top;
        }
        .ft-follow a {
            display: inline-block;
            height: 30px;
            width: 30px;
            position: relative;
            cursor: pointer;
            top: 8px;
            margin: 0 5px;
            background: url(./images/wechat-and-weibo.png) no-repeat;
            background-size: 100% auto;
            background-position: 0 -101px;
        }
        .ft-follow a.ft-sina {
            background-position: 0 -29px;
        }
        .ft-follow a .ft-weixin-tip {
            position: absolute;
            display: none;
            left: -56px;
            top: -140px;
            width: 120px;
            height: 120px;
            padding: 7px;
            background: #fff;
            box-sizing: content-box;
            border: 1px solid #ccc;
            border-radius: 2px;
            z-index: 999;
        }
        .ft-follow a {
            display: inline-block;
            height: 30px;
            width: 30px;
            position: relative;
            cursor: pointer;
            top: 8px;
            margin: 0 5px;
            background: url(https://img01.fila.cn/theme_fl/images/icons/wechat-and-weibo.png) no-repeat;
            background-size: 100% auto;
            background-position: 0 -101px;
        }
        .ft-left>ul, .ft-left>div {
            display: inline-block;
            vertical-align: top;
        }
        .ft-service {
            margin-left: 10px;
        }
        .ft-right {
            color: #888;
            /* line-height: 18px;
            margin-top: 7px; */
        }
        .fr {
            float: right;
        }
        .ft-right span {
            display: block;
        }
        .ft-right span a{
            color: rgb(136, 136, 136)
        }
        .web-covers {
            width: 120px;
            position: fixed;
            right: -1px;
            top: 74%;
            z-index: 99;
            background: #fff;
        }
        .web-covers .cover-kefu {
            border: 1px solid #000;
            border-right: 0;
            height: 40px;
            line-height: 40px;
            padding-left: 60px;
            letter-spacing: 3px;
            color: #000;
            font-size: 14px;
            display: block;
            background: url(https://img01.fila.cn/theme_fl/images/icons/common-pc.png) no-repeat;
            background-size: 22px auto;
            background-position: 24px -33px;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div class = "mall-header">
        <div class="logo"><a href="http://www.fila.cn/"><img src="./images/logo.png"></a></div>
        <div class="nav-search">
            <input id="key" type="text" autocomplete="off" class="text">
            <button  class="button">搜索</button>
        </div>
        <ul class="navbar-list">
            <li class="nav-login"><a href="#" target="_blank" title="登入">登入</a></li>
            <li class="nav-register"><a href="#" target="_blank" title="注册">注册</a></li> 
            <li class="nav-dropdown"><a href="#" target="_blank" class="dropdown-toggle"><i class="icon icon-cart"></i></a></li>
        </ul>
    </div>
    </header>

    <div class = "main-container">
        <div id="mall_leftNav" class="page-nav">
            <div class="nav-content">
                <div class="sidebar-cate">
                    <ul class="list-group category-root">
                        <li class="list-group-item">
                            <h4><a href="/list/k1_K19-m8_m24_m18" target="_blank">夏季新品</a></h4></li>
                            <li class="list-group-item has-children"><h4><a href="javascript:;">女士</a></h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j2_j4-f189_f181_f136" target="_blank">T恤/上衣</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j2_j4-f280_f127" target="_blank">POLO衫</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="/list/k1_k19-j2_j4-f93_f11" target="_blank">卫衣</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j2_j4-f185_f90" target="_blank">外套</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="/list/k1_k19-j2_j4-f147" target="_blank">连衣裙</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="/list/k1_k19-j2_j4-f9_f12_f243_f144_f95_f228_f190" target="_blank">裤装/半身裙</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="/list/k1_k19-j2_j4-f239_f298_f211_f282_f27_f4" target="_blank">休闲鞋</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="/list/k1_k19-j2_j4-f271_f214_f187_f224_f244" target="_blank">运动鞋</a></li>
                                </ul>
                                <ul class="cat2-list"><li class="cat2-li"><a href="/list/k1_k19-j2_j4-f254_f171_f256_f258_f246_f229_f341_f283" target="_blank">包包附配饰</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-children">
                                <h4><a href="javascript:;">男士</a></h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f189_f181_f136" target="_blank">T恤/上衣</a></li></ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f280_f127" target="_blank">POLO衫</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f93_f11" target="_blank">卫衣</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f185_f90" target="_blank">外套</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f9_f12_f243_f144_f95_f228" target="_blank">裤装</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f239_f298_f211_f282_f27_f4" target="_blank">休闲鞋</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f271_f214_f187_f224_f244" target="_blank">运动鞋</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k1_k19-j1_j4-f254_f171_f256_f258_f246_f229_f341_f283" target="_blank">包包附配饰</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-children"><h4><a href="javascript:;">儿童</a></h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k20-e2-j8" target="_blank">男童-服装</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k20-e1-j8" target="_blank">男童-鞋类</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k20-e3-j8" target="_blank">男童-包包附配饰</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k20-e2-j7" target="_blank">女童-服装</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k20-e1-j7" target="_blank">女童-鞋类</a></li>
                                </ul>
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/list/k20-e3-j7" target="_blank">女童-包包附配饰</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-topborder"><h4><a href="/list/k19" target="_blank">FUSION</a></h4>
                            </li>
                        </ul>
                    </div> 
                    <div class="sidebar-refer">
                        <ul class="list-group refer-root">
                            <li class="list-group-item"><h4><a href="/cms/help?id=20" target="_blank">帮助中心</a></h4></li>
                            <li class="list-group-item has-children"><h4><i></i>购物服务</h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/cms/help?id=26" target="_blank">购物流程</a></li>
                                    <li class="cat2-li"><a href="/cms/help?id=30" target="_blank">支付及发票</a></li>
                                    <li class="cat2-li"><a href="/cms/help?id=32" target="_blank">物流配送</a></li>
                                    <li class="cat2-li"><a href="/cms/help?id=37" target="_blank">退换货服务</a></li>
                                    <li class="cat2-li"><a href="/cms/tuan.html" target="_blank">企业团购</a></li>
                                </ul>
                            </li>
                            <li class="list-group-item has-children"><h4><i></i>关于FILA</h4> 
                                <ul class="cat2-list">
                                    <li class="cat2-li"><a href="/cms/brief.html" target="_blank">品牌简介</a></li>
                                    <li class="cat2-li"><a href="/cms/history.html" target="_blank">百年历史</a></li>
                                    <li class="cat2-li"><a href="/cms/shop.html" target="_blank">查找门店</a></li>
                                    <li class="cat2-li"><a href="/cms/joinus.html" target="_blank">工作机会</a></li>
                                    <li class="cat2-li"><a href="/cms/statement.html" target="_blank">使用条款</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
    </div>

    <footer class = "mall-footer">
        ::before
        <div class="ft-left fl">
                <ul class="link-list">
                    <li><a href="/cms/help?id=20" target="_blank">购物服务</a></li>
                    <li><a href="/cms/history.html" target="_blank">关于品牌</a></li>
                    <li><a href="/cms/shop.html" target="_blank">查找门店</a></li>
                </ul> 
            <div class="ft-follow">
                <span>关注FILA的官方媒体:</span> 
                <a href="https://weibo.com/fila2010?refer_flag=1001030101_" target="_blank" class="ft-sina"></a> 
                <a class="ft-weixin">
                    <div class="ft-weixin-tip">
                        <img src="https://img01.fila.cn/theme_fl/images/filacn/qr-code.jpg">
                    </div>
                </a>
            </div> 
            <div class="ft-service">
                <span>售后服务电话: 400-886-7699</span>
            </div> 
            <div class="ft-service"></div>
        </div>
    </footer>
    <div class="web-covers J_minicart_close">
        <a class="cover-kefu" href="javascript:;" onclick="MALL.Common.openkefu();" title="在线客服">客服</a>
    </div>
</body>
</html>